<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<!--
    1.跳转到本地资源
    1.1 相对路径
    1.2 绝对路径
-->
<a href="p2_文本标签.html">跳转到Day1的第2个页面</a> <br>
<a href="p3_分区标签.html">跳转到Day1的第3个页面</a> <hr>
<!--2.跳转到外部(网络)资源-->
<a href="https://www.baidu.com">百度首页</a> <br>
<a href="https://www.tmooc.cn">TMOOC首页</a> <hr>
<!--3.跳转到本地的图片-->
<a href="2.png">点击打开图片</a> <hr>
<!--4.赋予图片超链接功能-->
<a href="http://www.baidu.com">
    <img src="img/zly.jpg" alt="草泥马的图片未加载">
</a> <hr>
<!--
    5.打开空白页面
        target="_blank" 新启标签页打开超链接页面
        target="_self" 当前标签页打开超链接页面
-->
<a href="http://www.baidu.com" target="_blank">新启标签页打开百度_链接1</a> <br>
<a href="http://www.baidu.com" target="_self">当前标签页打开百度_链接2</a> <hr>
<!--6.锚点(跳转到首页/顶部)-->
<h1>第一序列</h1>
<!--
    当超链接属性未规定值时 点击页面的超链接内容会刷新当前页面实现类似回到首页的功能 但是先前缓存的页面内容可能丢失
    需要在每一个标题标签中添加id属性 id="id值"
    之后在超链接属性中使用 href="#id值" 的格式进行跳转即可
    同理 href="#" 则表示回到顶部
-->
<a href="#c1">第一章</a>
<a href="#c2">第二章</a>
<a href="#c3">第三章</a>
<h3 id="c1">第一章</h3>
在整个华语乐坛，如果评选谁的演唱会最富有创意、谁的造型最让人意外，估计华晨宇称第二，没人敢称第一。 5月24号到26号，华晨宇的“火星演唱会”来到香港，和歌迷朋友一起欢聚香港中环活动中心。观众热情高涨座无虚席，不仅场内爆满，场外也是锣鼓喧天、鞭炮齐鸣、红旗招展、人山人海。 疯狂的粉丝们找到各种独特的观看点：在摩天轮上转着圈地观看演唱会，在维港对岸的餐厅边品味美食边聆听音乐，还有太平山顶上也迎来不少“居高临下”的粉丝朋友。 熟悉华晨宇的网友都知道，几乎他每次举办演唱会都会斥巨资下血本。歌唱得好不好并不重要，不过至少在气势方面还没输过，华晨宇的演唱会总能在舞台特效等方面碾压其他歌手。 不得不说资本还是蛮懂年轻人的消费心理的，为了满足自己的猎奇心理，为了体验前所未有的体验，年轻人舍得给自己花钱。
<h3 id="c2">第二章</h3>
在整个华语乐坛，如果评选谁的演唱会最富有创意、谁的造型最让人意外，估计华晨宇称第二，没人敢称第一。 5月24号到26号，华晨宇的“火星演唱会”来到香港，和歌迷朋友一起欢聚香港中环活动中心。观众热情高涨座无虚席，不仅场内爆满，场外也是锣鼓喧天、鞭炮齐鸣、红旗招展、人山人海。 疯狂的粉丝们找到各种独特的观看点：在摩天轮上转着圈地观看演唱会，在维港对岸的餐厅边品味美食边聆听音乐，还有太平山顶上也迎来不少“居高临下”的粉丝朋友。 熟悉华晨宇的网友都知道，几乎他每次举办演唱会都会斥巨资下血本。歌唱得好不好并不重要，不过至少在气势方面还没输过，华晨宇的演唱会总能在舞台特效等方面碾压其他歌手。 不得不说资本还是蛮懂年轻人的消费心理的，为了满足自己的猎奇心理，为了体验前所未有的体验，年轻人舍得给自己花钱。
<h3 id="c3">第三章</h3>
在整个华语乐坛，如果评选谁的演唱会最富有创意、谁的造型最让人意外，估计华晨宇称第二，没人敢称第一。 5月24号到26号，华晨宇的“火星演唱会”来到香港，和歌迷朋友一起欢聚香港中环活动中心。观众热情高涨座无虚席，不仅场内爆满，场外也是锣鼓喧天、鞭炮齐鸣、红旗招展、人山人海。 疯狂的粉丝们找到各种独特的观看点：在摩天轮上转着圈地观看演唱会，在维港对岸的餐厅边品味美食边聆听音乐，还有太平山顶上也迎来不少“居高临下”的粉丝朋友。 熟悉华晨宇的网友都知道，几乎他每次举办演唱会都会斥巨资下血本。歌唱得好不好并不重要，不过至少在气势方面还没输过，华晨宇的演唱会总能在舞台特效等方面碾压其他歌手。 不得不说资本还是蛮懂年轻人的消费心理的，为了满足自己的猎奇心理，为了体验前所未有的体验，年轻人舍得给自己花钱。
<hr>
<a href="#">回到顶部</a>
</body>
</html>